无刷新分页

 

无刷新分页的主要工作是将页码列表的超链接通过js函数进行调用.

 

 

制作传统分页类:

 

1,首先创建一个静态页面

 

 

2,创建分页列表信息

　　①引入数据分页类　

　　

 

　　②获得数据库中商品的总记录条数,并设置每页查询的记录

　　

 

 

　　③传入商品的总记录条数和每页数量,将分页类实例化

　　

 

　　

　　④制作sql语句从商品中获得名称,价格,数量,重量. 然后进行mysql语句查询,将结果返回到$qry3中

　

 

　　⑤获得页码的列表

　　

 

 

3,将查询到的信息进行整合

　　① 制作table表格,用来存放查询的商品

　　

 

　　② 将每页的商品信息装入table表格

　　

　　

　　③将页码列表同样装入table表格

　　

 

 

4,将后台传入的数据进行接收,并显示到面板中

　　

 

 

重点:进行数据页码列表的超链接修改

例'下一页':

　　

图中代码意思为:"点击下一页,页面跳转到page参数的下一位".

地址栏显示为:

 

 

重点为页面进行了跳转,为了避免页面进行跳转,将代码改为js方法进行页面调用显示,其他地方不进行改变.

改动方法为:通过js调用showpage方法,并传递当前uri地址

<a href='javascript:showpage(\"{$this->uri}&page=".($this->page+1)."\")'>

改动后地址栏显示为:

 

 

 

 

 

到此,传统无刷新页面大功告成!

 

源码部分:

1 
      "个记录", "prev"=>"上一页", "next"=>"下一页", "first"=>"首 页", "last"=>"尾 页");  9         private $listNum=8; 10         /* 11          * $total  12          * $listRows 13          */ 14         public function __construct($total, $listRows=10, $pa=""){ 15             $this->total=$total; 16             $this->listRows=$listRows; 17             $this->uri=$this->getUri($pa); 18             $this->page=!empty($_GET["page"]) ? $_GET["page"] : 1; 19             $this->pageNum=ceil($this->total/$this->listRows); 20             $this->limit=$this->setLimit(); 21         } 22  23         private function setLimit(){ 24             return "Limit ".($this->page-1)*$this->listRows.", {
    $this->listRows}"; 25         } 26  27         private function getUri($pa){ 28             $url=$_SERVER["REQUEST_URI"].(strpos($_SERVER["REQUEST_URI"], '?')?'':"?").$pa; 29             $parse=parse_url($url); 30  31          32  33             if(isset($parse["query"])){ 34                 parse_str($parse['query'],$params); 35                 unset($params["page"]); 36                 $url=$parse['path'].'?'.http_build_query($params); 37                  38             } 39  40             return $url; 41         } 42  43         function __get($args){ 44             if($args=="limit") 45                 return $this->limit; 46             else 47                 return null; 48         } 49  50         private function start(){ 51             if($this->total==0) 52                 return 0; 53             else 54                 return ($this->page-1)*$this->listRows+1; 55         } 56  57         private function end(){ 58             return min($this->page*$this->listRows,$this->total); 59         } 60  61         private function first(){ 62             $html = ""; 63             if($this->page==1) 64                 $html.=''; 65             else 66                 // $html.="  {$this->config["first"]}  "; 67                 $html.="  {
    $this->config["first"]}  "; 68  69             return $html; 70         } 71  72         private function prev(){ 73             $html = ""; 74             if($this->page==1) 75                 $html.=''; 76             else 77                 // $html.="  {$this->config["prev"]}  "; 78                 $html.="  {
    $this->config["prev"]}  "; 79  80             return $html; 81         } 82  83         private function pageList(){ 84             $linkPage=""; 85              86             $inum=floor($this->listNum/2); 87          88             for($i=$inum; $i>=1; $i--){ 89                 $page=$this->page-$i; 90  91                 if($page<1) 92                     continue; 93  94                 // $linkPage.=" {$page} "; 95                 $linkPage.=" {
    $page} "; 96  97             } 98          99             $linkPage.=" {
    $this->page} ";100             101 102             for($i=1; $i<=$inum; $i++){103                 $page=$this->page+$i;104                 if($page<=$this->pageNum){105                     // $linkPage.=" {$page} ";106                     $linkPage.=" {
    $page} ";107                 }108                 else109                     break;110             }111 112             return $linkPage;113         }114 115         private function next(){116             $html = "";117             if($this->page==$this->pageNum)118                 $html.='';119             else120                 $html.="  {
    $this->config["next"]}  ";121                 // $html.="  {$this->config["next"]}  ";122 123             return $html;124         }125 126         private function last(){127             $html = "";128             if($this->page==$this->pageNum)129                 $html.='';130             else131                 // $html.="  {$this->config["last"]}  ";132                 $html.="  {
    $this->config["last"]}  ";133 134             return $html;135         }136 137         private function goPage(){138             // return '    ';139             return '    ';140         }141         function fpage($display=array(0,1,2,3,4,5,6,7,8)){142             $html[0]="  共有{
    $this->total}{
    $this->config["header"]}  ";143             $html[1]="  每页显示".($this->end()-$this->start()+1)."条，本页{
    $this->start()}-{
    $this->end()}条  ";144             $html[2]="  {
    $this->page}/{
    $this->pageNum}页  ";145             146             $html[3]=$this->first();147             $html[4]=$this->prev();148             $html[5]=$this->pageList();149             $html[6]=$this->next();150             $html[7]=$this->last();151             $html[8]=$this->goPage();152             $fpage='';153             foreach($display as $index){154                 $fpage.=$html[$index];155             }156 157             return $fpage;158 159         }160 161     162     }

1  2  3  4     
       5      6     15 16     34 35 36     
Ajax无刷新分页效果
37     
      
38 39 

1 
      limit;26 $qry3 = mysql_query($sql3);27 28 //5.获得页码列表29 $pagelist = $page_obj->fpage(array(3,4,5,6,7,8));30 31 echo <<
      
       43     
       
44 eof;45 46 $p = isset($_GET['page'])?$_GET['page'] : 1;47 $num = ($p-1)*$per;48 while($rst3 = mysql_fetch_assoc($qry3)){49     echo "
          ";50     echo "
";51     echo "
";52     echo "
";53     echo "
";54     echo "
";55     echo "
";56 }57 58 echo "
";59 echo "
        
         
          
序号
          
名称
          
价格
          
数量
          
重量
         
         
          
".++$num."
          
".$rst3['goods_name']."
          
".$rst3['goods_price']."
          
".$rst3['goods_number']."
          
".$rst3['goods_weight']."
         
         
          
$pagelist
         
        
       
";60 61 62  ?>